@charset "UTF-8";
// Author:   张卫明 Description: 图文豆腐块
@import "../base/_common";

.car-detail{
	background-color: #ffffff;
	text-align: center;
	padding-bottom:10px;
	
	a{
		color:$color-gray-2;
		&:hover{
			color:$color-main-hover;
		}
	}
	
	.img-box {
		position:relative;overflow:hidden;
		
		a{display:block;text-align:center;}
		
		.img-lab{
			position:absolute;
			top:0px;
			left:0px;
			text-align:center;
			height:48px;
			overflow:hidden; 
		}
		
		.lab-zj{
    		width: 65px;
			color: #fff;
			line-height: 150%;
			font-size: 12px;
			vertical-align: middle;
			margin-right: 10px;
			display: block;
			word-break: break-all;
			word-wrap: break-word;
			padding: 5px 2px;
			letter-spacing: 1.5px;
			text-align: center;
		}
		
		.ieLab{
			display:block;position:absolute;width:100%;text-align:center;left:0px;
		}
		
		.lab-red{
			background-color:$color-red-1;
		}
		.lab-blue{
			background-color:$color-blue-1;
		}
		
		.carnumber{
			position: absolute;
		    font-size: 12px;
		    right: 10px;
		    bottom:10px;
		    color:#9a9a9a;
		}
	}
	
	.name-box,.caption-box,.info-box{
		height:24px;
		line-height:24px;
		text-align:left;
		padding-left:10px;
	}
	
	.name-box,.caption-box{overflow:hidden;}
	
	.name-box{
		text-align:left;
		font-size:15px;
		
		span{
			display:inline-block;
		}
	}
	
	a.name-text{
		color:$color-gray-1;
		&:hover{
			color:$color-main-hover;
		}
	}
	
	.caption-box{
		font-size:12px;
		color:$color-gray-4;
	}
	
	.info-box{
		position:relative;
		
		strong{
			font-size:16px;
			color:#E51C23;
			padding-right:10px;
		}
		i{
			font-size:12px;
			padding-left:10px;
			color:#9a9a9a;
			text-decoration:line-through;
			font-style: normal;
		}
		
		i.no-i{
			text-decoration:none;
		}
		
		.discount{
			height:16px;
			line-height:16px;
			font-size:12px;
			text-align:center;
			color:#fff;
			border-radius:3px;
			display:inline-block;
			zoom:1;
			*display:inline;
			cursor:default;
			position:relative;
		}
		
		.discount-blue{
			width:58px;
			background-color:$color-blue-2;
		}
		
		.discount-green{
			width:44px;
			background-color:$color-green-1;
		}
		
		.last-price-drop{
			width:44px;
    		background:#03A9F4;
		}
		
		.last-price-firstPay{
			background:#FF6600;
			width:58px;
		}
		
		.last-price-naked{
			background:#11cd6e;
			width:44px;
		}
		
	}
	
}


.tooltip {
    background-color: #000;
    border-radius: 3px;
    color: #fff;
    cursor: text;
    font-weight: normal;
    left: 50%;
    line-height: 20px;
    padding: 4px 8px;
    position: absolute;
    text-align: left;
    z-index: 999;
    display:none;
}

.tooltip .tooltip-i{
	width: 100%;
	height: 5px;
	display: block;
	position: absolute;
	left:0px;
	margin:0px;
}

.tooltip .tooltip-i i{
	height: 5px;
	width:9px;
	margin:0px auto;
	display:block;
	padding:0px;
}

.tooltip-i-b{top:-5px;}
.tooltip-i-t{bottom:-5px;}

.tooltip-i-b i{
	background: url(#{$imgurl-base}/list/icon-arrow-t.gif) no-repeat 0px 0px;
}

.tooltip-i-t i{
	background: url(#{$imgurl-base}/list/icon-arrow-b.gif) no-repeat 0px 0px;
}

//列表页大图文
.car-detail1{
	width: 316px;
	
	.img-box,.img-box a{height:260px;}
	
	.img-box img{margin:35px auto 0px auto;transition: transform 0.2s linear 0s;}
	.img-box img:hover {
		transform: translateX(-5px);
	}
	
	.caption-box{height:15px;line-height:15px;}
	
}

//列表右侧图文
.car-detail3{
	width: 230px;
	overflow:hidden;
	padding-bottom:0px;
	
	.name-box, .caption-box, .info-box{
		padding-left:5px;
	}
	
	.info-box strong{padding-right:5px;}
	.info-box i{padding-left:5px;}
	
	.img-box,.img-box a{height:132px;}
	
	.img-box img{margin:0px auto 0px auto;}
	
	.info-box{padding-bottom:5px;font-size:0px;width:250px;}
	
	
	.caption-box{border-top:1px dotted #ebebeb;height:30px;line-height:30px;white-space: nowrap;text-overflow: ellipsis;}
}

//首页图文
.car-detail2{
	width: 290px;
	padding-bottom:0px;
	
	.img-box,.img-box a{height:180px;}
	
	.img-box img{margin:0px auto 0px auto;}
	
	.info-box{padding-bottom:5px;}
	
	.caption-box{border-top:1px dotted #ebebeb;height:30px;line-height:30px;}
}

//首页大图文
.detail-home-1,.detail-home-2{
	width: 595px;
	padding-bottom:0px;
	text-align:center;
	
	.info-box,.name-box,.caption-box{text-align:center;}
	
	.info-box{height:35px;line-height:35px;}
	
	.info-box strong{font-size:24px;}
	
	.caption-box{height:30px;line-height:30px;padding-bottom:10px;color:$color-gray-3;}
	
	.name-box{height:35px;line-height:35px;font-size:22px;}
}

.detail-home-1{
	.img-box,.img-box a{height:355px;}
	.img-box img{margin:33px auto 0px auto;}
}

.detail-home-2{
	.img-box,.img-box a{height:366px;}
	.img-box img{margin:33px auto 0px auto;}
}